<template>
  <div>
    <div>
      <!-- 分配权限弹窗 -->
      <el-dialog title="新增" :visible.sync="roleShow">
        <el-tree
          :data="data"
          show-checkbox
          node-key="id"
          :default-expanded-keys="[2, 3]"
          :default-checked-keys="[5]"
        />
      </el-dialog>
    </div>
  </div>
</template>

<script lang="js">
export default {
  name: 'ComponentAllocationJurisdiction',
  data() {
    return {
      roleShow: true, // 分配权限 dialog
      data: [{
        id: 1,
        label: '一级 2',
        children: [{
          id: 3,
          label: '二级 2-1',
          children: [{
            id: 4,
            label: '三级 3-1-1'
          }, {
            id: 5,
            label: '三级 3-1-2',
            disabled: true
          }]
        }, {
          id: 2,
          label: '二级 2-2',
          disabled: true,
          children: [{
            id: 6,
            label: '三级 3-2-1'
          }, {
            id: 7,
            label: '三级 3-2-2',
            disabled: true
          }]
        }]
      }]
    }
  }
}
</script>

<style></style>
